.person-top-bg {
	width: 100%;
	height: 153px;
	background: url("../../images/person/person-top-bg.png") no-repeat;
	-webkit-background-size: 100% 153px;
	background-size: 100% 153px;
	text-align: center;
}

.person-head-border {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0px auto;
	top: 25px;
	border-radius: 30px;
	background: #288fda;
}

.person-head {
	position: relative;
	width: 54px;
	height: 54px;
	top: 3px;
	left: 3px;
	border-radius: 27px;
	background: url("../../images/person/person-head-test.png") no-repeat;
	-webkit-background-size: 54px 54px;
	background-size: 54px 54px;
}

.person-name {
	color: #fff;
	font-weight: bolder;
	font-size: 15px;
	top: 28px;
	position: relative;
}


.person-integral {
	color: #fff;
	margin-top: 53px;
}


.person-balance-data {
	display: block;
	margin-top: 4px;
}

.person-interval {
	width: 100%;
	height: 8px;
	border: solid 1px #dcdcdd;
	background-color: #f3f4f6;
}

.div-person-basic-function {
	width: 25%;
	height: 56px;
	float: left;
}

.span-person-function-describe {
	display: block;
	text-align: center;
	margin: 6px 0px;
}

.person-btn-border {
	width: 100%;
	height: 40px;
	border-bottom: solid 1px #dcdcdd; 
}

.comm-arrows-right {
	width: 8px;
	height: 16px;
	float: right;
	margin-right: 30px;
	margin-top: 13px;
	background: url("../../images/comm-arrows-right.png") no-repeat;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
}

.span-btn-item {
	text-align: center;
	line-height: 40px;
	margin-left: 15px;
}

.img-btn-item {
	width: 19px;
	height: 26px;
	margin-left: 16px; 
	margin-top: 10px;
	float: left;
}

.img-btn-item.img_first {
	background: url("../../images/person/img_first.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_second {
	background: url("../../images/person/img_second.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_third {
	background: url("../../images/person/img_third.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_cart {
	background: url("../../images/person/cart.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_fourth {
	background: url("../../images/person/img_fourth.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_weixiu {
	background: url("../../images/person/img_weixiu.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_fifth {
	background: url("../../images/person/img_fifth.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_fifth1 {
	background: url("../../images/person/img_fifth1.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_fifth2 {
	background: url("../../images/person/img_fifth2.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.img-btn-item.img_sixth {
	background: url("../../images/person/img_sixth.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}


.img-btn-item.img_seventh {
	background: url("../../images/person/img_seventh.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}


.img-btn-item.img_eighth {
	background: url("../../images/person/img_eighth.png") no-repeat;
	-webkit-background-size: 19px 26px;
	background-size: 19px 26px;
}

.person-bottom {
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	text-align: center;
	color: #929292;
}
